<html>
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="utf-8"/>
    <title>米塔云平台管理系统</title>
    <link href="../plugins/bootstrap/bootstrap.min.css" rel="stylesheet"/>
    <link href="../plugins/font-awesome/css/all.min.css" rel="stylesheet"/>
    <link href="../customize/css/iconfont.css" rel="stylesheet">
    <link href="../customize/css/content.css" rel="stylesheet"/>
</head>
<body>
<div class="m-3">
    <div class="custom-section">
        <nav class="mb-3">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><i class="iconfont icon-left-nav2"></i> 历史数据</li>
                <li class="breadcrumb-item active"><i class="iconfont icon-xiaolan19"></i> 历史数据</li>
            </ol>
        </nav>
        <form class="d-flex align-items-center justify-content-between mb-0" id="param_id">
            <div>
                <div class="form-row align-items-center mb-3">
                    <div class="col-auto">
                        <strong class="font-p14">选择设备：</strong>
                    </div>
                    <div class="col-auto">
                        <select class="form-control" name="eId" id="company-list"
                                onchange="loadDeviceByEid(this.value)">
                        </select>
                    </div>
                    <div class="col-auto">
                        <select class="form-control" name="dId" id="device-list">
                        </select>
                    </div>
                    <div class="col-auto ml-3">
                        <strong class="font-p14">时间范围：</strong>
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker" name="beginDate" id="searchTimeBegin" type="text"
                               placeholder="开始时间">
                    </div>
                    <div class="col-auto">
                        <input class="form-control time-picker" name="endDate" id="searchTimeEnd" type="text"
                               placeholder="结束时间">
                    </div>
                    <input type="hidden" name="type" value="1" id="type_id">
                    <div class="col-auto">
                        <button class="btn btn-primary" type="button" onclick="loadHistoryData()">
                            <i class="iconfont icon-dituyechaxun"></i> 查询
                        </button>
                    </div>
                </div>
                <div class="form-row align-items-center">
                    <div class="col-auto">
                        <strong class="font-p14">选择参数：</strong>
                    </div>
                    <div class="col-auto" id="chek_list">

                    </div>
                    <!--<div class="col-auto">
                        <div class="custom-control custom-radio custom-control-inline">
                            <input class="custom-control-input" type="radio" id="customRadioInline1" name="param"
                                   checked value="workActive">
                            <label class="custom-control-label" for="customRadioInline1">总有功累计电量</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                            <input class="custom-control-input" type="radio" id="customRadioInline2" name="param"
                                   value="workReacitive">
                            <label class="custom-control-label" for="customRadioInline2">总无功累计电量</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                            <input class="custom-control-input" type="radio" id="customRadioInline3" name="param"
                                   value="powerActive">
                            <label class="custom-control-label" for="customRadioInline3">总有功功率</label>
                        </div>
                        <div class="custom-control custom-radio custom-control-inline">
                            <input class="custom-control-input" type="radio" id="customRadioInline4" name="param"
                                   value="powerReacitive">
                            <label class="custom-control-label" for="customRadioInline4">总无功功率</label>
                        </div>
                    </div>-->
                </div>
            </div>

        </form>
    </div>
    <div class="custom-section mt-3">
        <div class="font-weight-bold font-p16 border-bottom pb-3 mb-3">历史数据</div>
        <div class="chart" id="chart_line" style="height: 676px; width: 100%"></div>
    </div>
</div>
</body>
<script src="../plugins/jquery-3.4.1.min.js"></script>
<script src="../plugins/bootstrap/bootstrap.min.js"></script>
<script src="../plugins/alert.js"></script>
<script src="../plugins/laydate/laydate.js"></script>
<script src="../plugins/echarts.min.js"></script>
<script src="../customize/js/common.js"></script>
<script src="../customize/js/CommonUtils.js"></script>
<script src="../customize/js/customModalV2.js"></script>
<script src="../customize/js/historyData.js"></script>
<script>
    laydate.render({
        elem: '#searchTimeBegin',
        type: 'datetime' ,
        max: 0
    });
    laydate.render({
        elem: '#searchTimeEnd',
        type: 'datetime' ,
        max: 0
    });
</script>
</html>